<template>
    <van-popup v-model="show" position="bottom" :style="{ height: '100%' }" class="popup">
    <div class="header">
      <van-nav-bar
      left-text="我的关注"
      left-arrow
      @click-left="onClickLeft"
    />
    <van-tabs v-model="active" class="my-title" color="white" background="#3f51b5" title-inactive-color="white" title-active-color="white"
    :animated="true">
      <van-tab title="家服公司">
        <company-item v-for="v of 3" :key="v"></company-item>
      </van-tab>
      <van-tab title="家服人员">
        <emp-item v-for="v of 4" :key="v"></emp-item>
      </van-tab>
    </van-tabs>
    </div>
  </van-popup>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      require: true,
    },
  },
  data () {
    return {
      active: 0,
    }
  },
  methods: {
    onClickLeft () {
      this.$emit('update:show', false)
    },
  },
}
</script>

<style scoped lang="scss">
.popup {
    background-color: #f8f8f8;
}
.my-title {
  position: relative;
  z-index: 999999999999;
}
</style>
